<!doctype html>


<style>
	.one{
		width:300px;
		height:300px;
		/*background:cyan;*/
		border-image-source:url(border.png) ;/*设置边框背景图片*/
		border-image-slice:27 fill;/*设置图片的切割方式(单位px 不用写)*/
		border-image-width:27px;/*设置元素边框的宽度*/
		border-image-repeat:round ;/*设置图片的填充方式*/
		border-image-outset:0px;
		
	}
	
	.two{
		width:300px;
		height:300px;
		border-image:url(border.png) 27 fill/27px/27px repeat;
	}
</style>

<div class="one"></div>
<HR>
<div class="two"></div>